
<style type="text/css">
::-webkit-scrollbar {
    height:14px;
    width:14px;
    border-radius: 4px;
}
::-webkit-scrollbar-button {
    height:0;
    width:0
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
    display:block
}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement {
    display:none
}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {
    border-style:solid;
    border-color:transparent
}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{
    background-clip:padding-box;
    background-color:#fff;
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    background-clip:padding-box;
    background-color:rgba(0,0,0,.2);
    min-height:28px;
    padding-top:100;
    box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);
    background-color:rgba(0,0,0,.4)
}
::-webkit-scrollbar-thumb:active {
    -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);
    background-color:rgba(0,0,0,.5)
}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {
    border-width:0;
}
::-webkit-scrollbar-track:hover {
    -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);
    background-color:rgba(0,0,0,.05)
}
::-webkit-scrollbar-track:active {
    -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);
    background-color:rgba(0,0,0,.05)
}
html,body{
	max-width: 100%;
	overflow-x: hidden;
}

	.phone_menu_list{
	display: none;
	z-index: 9999;
	color: #fff;
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
}
.phone_menu_list_ul{
	height: calc(100% - 60px);
	width: 100%;
	background: rgba(0,0,0,0.8);
}
.phone_menu_list_ul li{
	border-color: #ddd;
	border-style:solid;
	height: 40px ;
	width: calc(25% - 4px);
	float: left;
	line-height: 40px;
	margin-bottom: 5px;
	text-align: center;
	margin-right: 1px;
}
.phone_menu_list_ul li a{
	color: #fff;
}
.menu_close{
	height: 60px;
	text-align: center;
	background: #c52d29;
}
.header_service{
	display: none;
	height: 50px;
	padding: 10px 0;
	background: #f2f2f2;
}
.header_service p{
	height: 20px;
	line-height: 20px;
}
.header_service p:nth-child(1){
	margin-bottom: 10px;
}
.header_service p span{
	position: relative;
	font-size: 14px;
}
.header_service p span:before{
	position: absolute;
	right: 0;
	content: '|';
	color: #ddd;
}
.header_service p span:nth-child(4):before{
	content: '';
}
.show_phone{
	display: none;
}
@media screen and (min-width: 100px) and (max-width: 640px) {
	.header_service{
		display: block;
	}
	.footer.grWidth{
		display: none;
	}
	.news_pageTitle{
		display: none;
	}
	.header_service span{
		display: block;
		width: 25%;
		text-align: center;
		float: left;
	}
	.show_phone{
    	display: inline-block;
    }
    .show_pc{
    	display: none;
    }
	.newsDetaitshow img{
		width: 100%!important;
		margin: 15px 0;
	}
}
</style>
	
<!-- 引入头部文件header -->
<div class="topBar">
	<div class="grWidth">
		<p class="fl">
			<a href="/" title="赣州千泓互联科技有限公司">赣州千泓互联科技有限公司</a><em>|</em>
			<a href="/" title="赣州网络公司">赣州网络公司</a><em>|</em>
			<a href="/" title="赣州做网站">赣州做网站</a><em>|</em>
			<a href="/" title="赣州小程序开发">赣州小程序开发</a><em>|</em>
			<a href="/" title="赣州开发App">赣州开发App</a>
		</p>
		<p class="topRight fr">
			<a rel="nofollow" class="phone" href="tel:4009688215">
				<span class="show_pc">400-9688-215</span>
				<span class="show_phone">赣州千泓互联科技有限公司</span>
			</a>
			<a class="wx wb " href="javascript:void(0);">官方微信</a>
		</p>
	</div>
</div>
<div class="header grWidth">
	<h1 class="logo fl"><a href="/"><img src="__STATIC__/index/images/logo.png" alt="千泓互联" title="千泓互联"></a></h1>
	<div class="fr phone_menu">
		<div class="phone_menu_icon" onclick="window.location.href='/'">
		</div>
	</div>
	<ul class="nav fr">
		<li>
			<a href="/" title="首页" class="{$current == 'index'? 'current':''}">首页</a>
		</li>
		<li>
			{switch name="current"} {case value="website"}
			<a href="{:url('index/index/website')}" title="网站" class="current">网站</a>
			{/case} {case value="web"}
			<a href="{:url('index/index/website')}" title="网站" class="current">网站</a>
			{/case} {case value="mobile"}
			<a href="{:url('index/index/website')}" title="网站" class="current">网站</a>
			{/case} {default /}
			<a href="{:url('index/index/website')}" title="网站">网站</a>
			{/switch}
		</li>
		<li>
			<a href="{:url('index/index/weixin')}" title="微信" class="{$current == 'weixin'? 'current':''}">微信</a>
		</li>
		<li>
			<a href="{:url('index/index/xcx')}" title="小程序" class="{$current == 'xcx'? 'current':''}">小程序</a>
		</li>
		<li>
			<a href="{:url('index/index/app')}" title="APP" class="{$current == 'app'? 'current':''}">APP</a>
		</li>
		<li>
			{switch name="current"} {case value="webservice"}
			<a href="{:url('index/index/webservice')}" title="营销" class="current">营销</a>
			{/case} {case value="webmarketing"}
			<a href="{:url('index/index/webservice')}" title="营销" class="current">营销</a>
			{/case} {case value="brandservice"}
			<a href="{:url('index/index/webservice')}" title="营销" class="current">营销</a>
			{/case} {default /}
			<a href="{:url('index/index/webservice')}" title="营销">营销</a>
			{/switch}
		</li>
		<li>
			<a href="{:url('index/index/case')}" title="案例" class="{$current == 'case'? 'current':''}">案例</a>
		</li>
		<li>
			{switch name="current"} 
				{case value="news_class"}
					<a href="{:url('index/index/news')}" title="资讯" class="current">资讯</a>
				{/case} 
				{case value="news"}
					<a href="{:url('index/index/news')}" title="资讯" class="current">资讯</a>
				{/case} 
				{default /}
					<a href="{:url('index/index/news')}" title="资讯">资讯</a>
			{/switch}
		</li>
		<li class="last">
			<a href="{:url('index/index/contact')}" title="联系" class="{$current == 'contact'? 'current':''}">联系</a>
		</li>
	</ul>
</div>

<div class="header_service" id="header_service">
	<p>
		<span>网站开发</span>
		<span>微信开发</span>
		<span>APP开发</span>
		<span>小程序开发</span>
	</p>
	<p>
		<span>营销推广</span>
		<span>web系统</span>
		<span>程序定制</span>
		<span>朋友圈广告</span>
	</p>
</div>
